<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="carousel.css">
</head>

<body>
	<div class="box">
		<div class="screen" data-time="200" auto-play="true" auto-delay-time="">
			<!-- 指示符 -->
			<ul class="indicators">
				<li class="active" data-slide-to="0"></li>
				<li data-slide-to="1"></li>
				<li data-slide-to="2"></li>
				<li data-slide-to="3"></li>
			</ul>
			<!-- 轮播图片 -->
			<div class="inner">
				<div class="item active">
					<img src="https://via.placeholder.com/640x320.png/3B83fd">
				</div>
				<div class="item">
					<img src="https://via.placeholder.com/640x320.png/ff0000">
				</div>
				<div class="item">
					<img src="https://via.placeholder.com/640x320.png/dddddd">
				</div>
				<div class="item">
					<img src="https://via.placeholder.com/640x320.png/ggggg">
				</div>
			</div>
			 <!-- 左右切换按钮 -->
			 <a class="control-btn control-prev" href="#">
				 <i class="icon-box prev-icon-box"></i>
			 </a>
			 <a class="control-btn control-next" href="#">
				<i class="icon-box next-icon-box"></i>
			 </a>
		</div>
	</div>
	<script type="text/javascript" src="jquery.js"></script>
	<script src="carousel.js"></script>
</body>

</html>